    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>修改文章</title>
        <style>
            body {
                font-family: 'Arial', sans-serif;
                margin: 0;
                padding: 0;
                background: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .container {
                width: 100%;
                max-width: 600px;
                padding: 30px;
                background-color: #fff;
                box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
                border-radius: 12px;
                text-align: center;
            }

            h1 {
                font-size: 28px;
                color: #333;
                margin-bottom: 20px;
                font-weight: 600;
            }

            label {
                font-size: 16px;
                color: #555;
                margin: 12px 0;
                display: block;
            }

            input[type="text"],
            textarea,
            select {
                width: 100%;
                padding: 10px;
                margin: 5px 0 20px 0;
                display: inline-block;
                border: 1px solid #ccc;
                border-radius: 4px;
                box-sizing: border-box;
            }

            input[type="submit"] {
                padding: 12px 24px;
                font-size: 16px;
                background-color: #4CAF50;
                color: white;
                border: none;
                border-radius: 8px;
                cursor: pointer;
                transition: background-color 0.3s ease;
            }

            input[type="submit"]:hover {
                background-color: #45a049;
            }
        </style>
    </head>
    <body>
    <div class="container">
        <h1>修改文章</h1>
        <form id="editArticleForm" action="/updateArticle" method="post">
            <!-- 添加隐藏域用于传递文章id -->
            <input type="int" id="articleId" name="id" th:value="${article.id}">

            <label for="title">标题:</label>
            <input type="text" id="title" name="title" th:value="${article.title}" required>

            <label for="content">内容:</label>
            <textarea id="content" name="content" rows="10" required th:text="${article.content}"></textarea>
             <label for="tags">标签:</label>
            <select id="tags" name="tags" multiple>
              <option value="technology">技术</option>
              <option value="life">生活</option>
              <option value="culture">文化</option>
              <option value="study">学习</option>
              <option value="education‘">教育</option>
            </select>

            <input type="submit" value="保存修改">
        </form>

    </div>
    </body>
    </html>